.li-class {
    width: 90%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background-color: rgb(154, 177, 239);
    border-radius: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 16px;
    margin: 0 0 5px;
}

.a {
    display: block;
    // height: 80px;
    margin: 0px 4px;
    padding: 4px 8px;
    color: rgba(0,0,0,0.65);
    text-align: left;
    border-top: 2px solid #e8e8e8;
    transition: background 0.3s;
    overflow-y: auto;
    height: calc((100vh - 232px) / 6);
    cursor: pointer;
}
.a:hover{
    background: rgb(211, 223, 245);
}
.b {
    @extend .a;
    color: white;
    background: rgba(108, 146, 250, 1);
}
